草庐IT

HTML5 新元素

全部标签

javascript - 如何从 IMG 元素获取图像内容(不是 url)?

我们使用EclipseSWTWebBrowser控件为我们的Java应用程序呈现HTML页面。如果页面包含图片,我们想要获取图片内容。我们可以访问DOM以获取IMG元素,但除了使用图像URL重新获取图像外,似乎没有其他方法可以获取实际内容(即图像的字节)。(我们可以通过'src'属性获取图像URL。)有什么方法可以从DOM中获取图像的实际字节数吗? 最佳答案 我不确定这是否是您要查找的内容,但基本上您可以为图像源创建一个类型化的XHR(例如ArrayBuffer)(它应该被缓存,所以这样做不会造成真正的影响)。我假设您使用的是兼容H

javascript - 如何将某些样式应用于打印页面上的第一个和最后一个元素?

我有以下虚拟code:p{font-size:20px;}window.onload=function(){varbody=document.getElementsByTagName('body')[0],p=document.createElement('p'),el;p.style.height='20px';p.innerText='SomeTest';for(vari=0,len=30;i它渲染了一些元素,在页面预览中它看起来像下面这样:我需要为第一个和最后一个元素添加边框,如下所示:是否可以使用CSS制作并在webkit中工作?编辑:致建议以下CSS的所有人p:nth-chi

javascript - Webpack 注入(inject)脚本以在生产中索引 html 文件

我有一个索引html文件,我需要在生产环境中注入(inject)额外的脚本。使用gulp我可以使用像gulpinject这样的插件来做到这一点,我如何使用webpack来做到这一点?例如://Iwantthisscriptonlyintheproductionindexhtmlfile 最佳答案 你可以使用gulp-inject-webpack插件https://www.npmjs.com/package/gulp-inject-webpack-plugin 关于javascript-W

javascript - 在 HTML 中嵌入 PDF 字节数据

这应该有效,但似乎我遗漏了什么。我在本地驱动器上有一个pdf文件。显然Chrome和其他浏览器无法获取该本地URL,因为它是沙盒化的,所以我有一个servlet从本地驱动器中提取数据并通过ajax调用将其发送回Web客户端。我没有收到任何错误,似乎正在加载pdf查看器,但文件本身不会显示。我提前编码了,但还是不行。我将在下面展示我的众多方法,但我不会包括servlet代码,因为它似乎有效。尝试1:functionembedFile(){$.get("FileGetter",function(pdfText){varbase64EncodedPDF=b64EncodeUnicode(pd

javascript - .data() 究竟是如何将数据附加到元素的?

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:HowdoesjQuery.data()work?$("div").data("test",{first:16,last:"pizza!"});我想,通过GoogleChrome开发者工具,我可以看到如下内容:但我做不到。.data()究竟是如何将数据附加到元素的?我是否有机会在不调用.data()方法的情况下查看/检查数据?

javascript - 在javascript html5音频预加载上取消了http请求

我正在尝试使用javascript预加载音频文件。我正在使用Chrome,当文件数量增加时,chrome取消了我文件的http请求...为什么?我能做什么?这是我的代码:filesToLoad=44;filesLoaded=0;for(varni=1;ni=filesToLoad){cb();}console.log("load:::"+ServerPath+'audio/'+filesLoaded+'.mp3');}functioncb(){alert("loaded");} 最佳答案 我正在尝试做同样的事情。我预加载了12个音频

javascript - 使用 CSS 转换或 javascript 缩放元素以动态适应其父元素

我有一个页面,其中有一个的轮子元素,当您单击一个按钮时,整个轮子都会旋转。我通过使用本质上绝对的CSS转换来实现这种效果。然而,轮子很大,在我的高清显示器上看起来不错,但较小的屏幕会切掉边缘。我不能像在普通布局中那样使用%宽度,我需要的是像大多数浏览器缩放功能一样缩小整个页面。就我自己而言,我知道ctr+mouseWheel会缩小页面以便我可以看到整个页面,但是我不能指望其他人这样做。我知道我可以使用-browser-transform:scale(amt);在包装div上获得我想要的效果,但是我想不出一种动态的方法。如果我将比例设置为0.5,无论屏幕如何,它都会是0.5。我希望轮子的

javascript - 试图理解 <select> 元素上的点击事件

当在select元素上注册点击事件处理程序时,我发现浏览器之间的行为非常不一致。我设置了一个jsfiddledemo.这是我看到的:OSX(10.7Lion)上的Firefox12:单击元素时触发事件。下拉菜单会短暂打开,不会保持打开状态。键盘操作不会生成点击操作。Linux(UbuntuLucid)上的Firefox12:相同OSX上的Chome19:没有鼠标或键盘交互触发点击事件。Linux上的Chrome19:第一次鼠标点击展开选项,随后点击仍然存在的选择或选项,触发点击事件。OSX上的Safari5.1.6:与Linux上的Chrome类似,第一次点击会展开选项,随后点击选项会

html - 从 chrome 的扩展内容脚本访问 iframe 内容

我正在做一个插件来对界面进行一些转换。我不断收到unsafejavascriptattempttoaccessframewithurl....Domains,protocolsandportsmustmatch(典型的跨站点问题)但作为一个扩展,它应该可以访问iframe的内容http://code.google.com/chrome/extensions/content_scripts.html...有谁知道如何访问它的内容以便可以捕获它们? 最佳答案 通常没有直接的方法来访问不同来源的window对象。如果您想在不同框架中的内容

javascript - 仅显示最接近的列表元素

这里是anexampleofwhatIhavealready主要功能正常,但现在我需要缩小Controller列表,以便它更好地适应屏幕,因为它的位置是固定的。所以,我认为它应该显示事件项目的下三个列表项和前两个列表项。这样的方法可行,但我认为应该有更短、更方便的方法://Displayclosestitems$('#historyControllerli.active').prevAll('li:not(.first)').hide().slice(0,2).show();$('#historyControllerli.active').nextAll('li:not(.last)'